<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
    <ul class="contacts">
        <li class="h-card">    
            <img src="http://example.org/jake.png" alt="avatar" class="u-photo">     
            <a href="http://jakearchibald.com" class="p-name u-url">Jake Archibald</a>    
            (<a href="mailto:jake@example.com" class="u-email">e-mail</a>)      
       </li>     
       <li class="h-card">    
            <img src="http://example.org/christian.png" alt="avatar" class="u-photo">     
            <a href="http://christianheilmann.com" class="p-name u-url">Christian Heilmann</a>    
            (<a href="mailto:christian@example.com" class="u-email">e-mail</a>)     
       </li>     
       <li class="h-card">    
            <img src="http://example.org/john.png" alt="avatar" class="u-photo">     
            <a href="http://ejohn.org" class="p-name u-url">John Resig</a>     
            (<a href="mailto:john@example.com" class="u-email">e-mail</a>)     
       </li>     
       <li class="h-card">     
            <img src="http://example.org/nicholas.png" alt="avatar" class="u-photo">     
            <a href="http://www.nczonline.net" class="p-name u-url">Nicholas Zakas</a>     
            (<a href="mailto:nicholas@example.com" class="u-email">e-mail</a>)     
       </li>     
    </ul>
</body>
  <script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="./main.js"></script>
</html>
